<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Payment_form</title>
<link rel="stylesheet" type="text/css"
	href="/must_go/css/payment/payment_form.css" />
<script type="text/javascript">
	function modifyReservePopup() {
		window.open("/must_go/reserve/modify_reserve.do", "예약정보수정",
				"width=850,height=500,scrollbars=yes,resizeable=no");
	};
	function deleteReservePopup2() {
		if(confirm("예약을 취소하시겠습니까?")){
			//확인버튼시
			alert("예약이 취소되었습니다.")
		} else {
			alert("예약이 취소되지 않았습니다.")
		}
	};
</script>
</head>

<div id="body" align="center">
	<div id="paymentInfo">
		<table class="table">
			<tr>
				<th colspan="4" class="title">예약자 정보</th>
			</tr>
			<tr>
				<th colspan="2" class="title">고객님이 입력하신 정보입니다.</th>
				<td><a href="#" onclick="modifyReservePopup()" style="text-decoration: none; ">예약정보수정</a></td>
				<td><a href="#" onclick="deleteReservePopup2()" style="text-decoration: none; ">예약취소</a></td>
			</tr>
				<td>이름</td>
				<td>- 이름 -</td>
				<td>휴대폰</td>
				<td>- 휴대폰 -</td>
			</tr>
			<tr style="height: 25px;">
				<td>생년월일</td>
				<td>- 생년월일 -</td>
				<td>비상연락처</td>
				<td>- 비상연락처 -</td>
			</tr>
			<tr style="height: 25px;">
				<td>이메일</td>
				<td colspan="3">- 이메일 -</td>
			</tr>
			<tr style="height: 25px;">
				<td>주소</td>
				<td colspan="3">- 주소 -</td>
			</tr>
			<tr style="height: 25px;">
				<td>첫 만남 장소</td>
				<td colspan="3">- 만남 장소 -</td>
			</tr>
			<tr style="height: 25px;">
				<td rowspan="5">고객요청사항</td>
				<td rowspan="5" colspan="3">- 요청사항 -</td>
			</tr>
		</table>
		<!-- 결제정보 테이블 -->
		<table class="table">
			<tr>
				<th colspan="4" class="title">결제하기</th>
			</tr>
			<tr style="height: 25px;">
				<th colspan="4" style="text-align: left;">※ 카드결제 선택 시 결제창이 뜨지
					않을 경우 플러그인을 꼭 설치해주세요</th>
			</tr>

			<tr style="height: 25px;">
				<td>결제방법</td>
				<td><select>
						<option>휴대폰</option>
						<option>신용카드</option>
						<option>계좌이체</option>
						<option>무통장입금</option>
				</select></td>
				<td colspan="2">결제하기</td>
			</tr>
			<tr style="height: 25px;">
				<td>결제방법</td>
				<td></td>
				<td colspan="2">결제하기</td>
			</tr>
			<tr style="height: 25px;">
				<td rowspan="3">결제안내</td>
				<td rowspan="3" colspan="3"></td>
			</tr>
		</table>
	</div>
</div>
</html>